@layout("/layout/_form.html", {js:["/assets/modular/business/works/worksEdit.js","/assets/modular/business/works/liveplayer-element.min.js"]}){
<style>
    .layui-card-header {
        font-size: 14px;
        font-weight: 600;
        color: #333;
        margin-left: 25px;
    }
    .layui-card-header:before {
        content: '';
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 16px;
        background: #1E9FFF;
        border-radius: 2px;
    }
    .layui-form-label{
        text-align: left;
    }
</style>
<form class="layui-form" id="worksForm" lay-filter="worksForm">
    <div class="layui-fluid" style="padding-bottom: 75px;">
        <!-- 作品基本信息卡片 -->
        <div class="layui-card">
            <div class="layui-card-header">基本信息</div>
            <div class="layui-card-body">
                <div class="layui-form-item layui-row">
                    <input id="workId" name="workId" type="hidden"/>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label layui-form-required">作品标题</label>
                        <div class="layui-input-block">
                            <input id="workTitle" name="workTitle" placeholder="请输入作品标题" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/>
                        </div>
                    </div>

                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label layui-form-required">所属组织</label>
                        <div class="layui-input-block" id="workDept">
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label layui-form-required">作品排序</label>
                        <div class="layui-input-block">
                            <input id="workSort" name="workSort" placeholder="请输入作品排序" type="number" class="layui-input" autocomplete="off" lay-verify="required|number|positive" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label layui-form-required">作品作者</label>
                        <div class="layui-input-block">
                            <input id="workAuthor" name="workAuthor" placeholder="请输入作者" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label layui-form-required">作品描述</label>
                        <div class="layui-input-block">
                            <input id="workDesc" name="workDesc" placeholder="请输入作品描述" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label layui-form-required">投票总数</label>
                        <div class="layui-input-block">
                            <input id="voteNum" name="voteNum" placeholder="请输入投票数" type="text" class="layui-input layui-disabled" autocomplete="off" disabled="disabled"/>
                        </div>
                    </div>


                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label layui-form-required">缩略图</label>
                        <div class="layui-input-block" style="display: flex">
                            <input id="workImg" name="workImg" placeholder="请输入作品缩略图" type="hidden" class="layui-input" autocomplete="off" lay-verify="required" required/>
                            <button type="button" class="layui-btn" id="uploadImg">
                                <i class="layui-icon">&#xe67c;</i>修改缩略图
                            </button>
                            <img id='viewimg' alt="点击放大" src="" tb-img style="max-height:38px;max-width:50px;display: inline-block;margin-left: 15px" class="tb-img-circle">
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md12">
                        <label class="layui-form-label layui-form-required">演讲作品</label>
                        <div class="layui-input-block" style="display: flex">
                            <input id="workUrl" name="workUrl" placeholder="请输入作品位置" type="hidden" class="layui-input" autocomplete="off" lay-verify="required" required/>
                            <button type="button" class="layui-btn" id="uploadVideo">
                                <i class="layui-icon">&#xe67c;</i>修改演讲作品
                            </button>
                            <button id="viewVideo" src="" type="button" class="layui-btn" style="margin-left: 15px">预览视频</button>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- 操作信息卡片 -->
        <div class="layui-card" style="margin-top: 15px;">
            <div class="layui-card-header">操作信息</div>
            <div class="layui-card-body">
                <div class="layui-form-item layui-row">
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">创建时间</label>
                        <div class="layui-input-block">
                            <input id="createdTime" type="text" class="layui-input layui-disabled" autocomplete="off" disabled="disabled"/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">创建人</label>
                        <div class="layui-input-block">
                            <input id="createdBy" name="createdBy" type="text" class="layui-input layui-disabled" autocomplete="off" disabled="disabled"/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">修改时间</label>
                        <div class="layui-input-block">
                            <input id="updatedTime" type="text" class="layui-input layui-disabled" autocomplete="off" disabled="disabled"/>
                        </div>
                    </div>
                    <div class="layui-inline layui-col-md6">
                        <label class="layui-form-label">修改人</label>
                        <div class="layui-input-block">
                            <input id="updatedBy" name="updatedBy" type="text" class="layui-input layui-disabled" autocomplete="off" disabled="disabled"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group-bottom text-center">
        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
        <button type="reset" class="layui-btn layui-btn-primary" ew-event="closeDialog">&emsp;取消&emsp;</button>
    </div>
</form>
@}